<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<f:view>
	<head>
	<style>
body {
	background-image: url("images/background.jpg");
	background-repeat: no-repeat;
}

p.slideshow {
	position: fixed;
	left: 220px;
	top: 85px;
	width: 272px;
	height: 165px;
	overflow: hidden;
	color: black;
	text-align: center;
	font-family: helvetica;
}

p.ticker {
	position: fixed;
	left: 35px;
	top: 254px;
	width: 432px;
	height: 38 px;
	overflow: hidden;
	color: black;
	white-space: nowrap;
	font-family: helvetica
}

img.slide {
	position: fixed;
	left: 3px;
	top: 90px;
	width: 189px;
	height: 157px;
}
</style>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Cincinnati State Billboard</title>

	<SCRIPT type="text/javascript">
var slide_text = new Array(<h:outputText value="#{showBillboard.slideshowTextAsString}" escape="false"/>)

function display()
{
a=Math.floor(Math.random()*slide_text.length)
document.getElementById('slide_script').innerHTML=slide_text[a]
setTimeout("display()",5000)
}
</SCRIPT>
	<SCRIPT>
var msg = '<h:outputText value="#{showBillboard.tickerText}" />        '
var myTimeout;
function scrollMsg() {
document.getElementById('textScroll').innerHTML = msg;
msg = msg.substring(1,msg.length) + msg.substring(0,1);
myTimeout = setTimeout(scrollMsg, 200);
}
</SCRIPT>
	</head>
	<body>
	<p class="slideshow" id="slide_script"><SCRIPT
		type="text/javascript">display()</SCRIPT></p>
	<p class="ticker" id="textScroll"><SCRIPT type="text/javascript">scrollMsg()</SCRIPT>
	</p>
	</body>
</f:view>
</html>